<template>
	<view class="avatars">
		<block v-for="(item, index) in avatars" :key="index">
			<image :src="item || imgBaseUrl + 'avatar.png'" class="icon-48" />
		</block>
	</view>
</template>
<script setup lang="ts">
defineProps({
	avatars: Array,
})
const imgBaseUrl = inject("imgBaseUrl")
</script>
<style scoped lang="scss">
.avatars {
	display: flex;
	margin-left: 24rpx;
	image {
		border-radius: 50%;
		& + image {
			margin-left: -16rpx;
		}
	}
}
</style>
